/* reset all styles */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/*
*  Typography
*/
body, html{   
    font-family:Lucida Grande,Verdana,Sans-serif; /*Arial,Helvetica,sans-serif; */
    font-size:12px;
    line-height:18px;
    color:#fff;
    height:100%;    
    background-color: #1e1e1e;
} 
h1{
    display: block;
    font-family:Georgia,"Times New Roman",Times,serif;
    margin-bottom: 20px;
    line-height: 32px;
    font-size: 28px;  
    color:#8EA4AF;
}
h2{              
    display: block;
    margin-bottom: 24px;
    line-height: 36px;
    font-size: 24px;  
    color:#333;
}
h3{
    display: block;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 16px;  
    color:#333;
}
h4{
    display: block;
    margin-bottom: 3px;
    font-size: 13px;
    font-weight: bold;
    color:#333;
}                
a{
    text-decoration: none;
    color:#8EA4AF;
}
a:hover{
    color:#000;
}
b,strong{font-weight: bold;}   
i,em{font-style: italic;}      


/*
*  Main layout
*/
#header{
    overflow:auto;
    background-color: #8fb700;  
	background-image: url(../img/DF_logo.gif);
	background-repeat: no-repeat;
	background-position: 0px -15px;		
}      
#nav_column{
    width: 160px;
    padding:20px 0 20px 20px;
    float:left;  
}
#content{
    padding: 20px 40px;
    border-left: 1px solid #CCC;
    min-height: 470px;
    background-color: #FFF;   
    overflow:auto;
}
#footer{
    height: 20px;
    padding:20px;
    background-color: #8fb700;       
}
.hr{
    clear:both;
    border-top:1px dashed #666;
    width:75%;
    margin-bottom:10px;
}

/*
*  Header 
*/     
#header h1{
    color:#ECF3D5; 
    margin: 26px 20px 14px 193px;
    font-size: 31px;
	line-height:31px;
	font-family: Arial, Helvetica, sans-serif;
}   
#header #menu{
    border-top: 1px dashed #D2DBDF;
    height:12px;
    padding: 10px 0;      
    margin:0 20px;
}               
#menu a{
    /*font-family:Georgia,"Times New Roman",Times,serif;*/
    color:#D2DBDF; 
    display:block;
    float:left;
    font-weight: bold;
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px dashed #D2DBDF;
    line-height: 12px;
    font-size: 12px;              
    
}                  
#menu a.last{ 
    border-right: none;
    margin-right:0;
    padding-right:0;
}                     
#menu a:hover{
    color:#FFF; 
}
#menu a.selected, #menu a.selected:hover{
    color:#FFF; 
    font-weight: bold;
}

/*
*  Navigation column
*/        
#nav_column a{
    color:#333;
    display:block;
    margin-bottom:5px;
    padding-right:10px;
}              
#nav_column a:hover{color:#000;}
#nav_column a.selected, #nav_column a.selected:hover{
    color:#000;
    font-weight: bold;
}

/*
*  Quick search
*/   

#live_search,#live_filter{
    width: 140px;
    padding:10px 20px;
    float:left;
    clear:left;      
    border-top:1px dashed transparent;
    border-bottom:1px solid transparent;
}
#live_search{margin-top:20px;}          

#live_search.active{
    background-color: #FFF;
    border-right:1px solid #FFF;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
#live_search h3, #live_filter h3{
    color:#999;
    margin-bottom: 3px;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    font-variant: small-caps;
}
#live_search input{
    display:block;
    float:left;
    width:105px;
    margin:0;         
    border: 1px solid #CCC;
    background-color: #EEE;
}
#live_search input:focus,#live_search.active input{ border: 1px solid #666; background-color: #FFF; }        
#live_search a{
    display:block;
    float:right;
    width:24px;
    height:24px;           
    background-image: url(../img/onebit_02.png);
    background-repeat: no-repeat;
    margin-top:-3px;
}                      
#live_search.active a{background-image: url(../img/onebit_35.png);}

#live_filter fieldset{
    border:1px solid #CCC; 
    overflow:auto;
    background-color: #EEE;
}
#live_filter label{
    display:block; 
    float:left;
    width:30%;
    cursor:pointer;
    color:#000;
    text-decoration: line-through;
    font-size: 10px;
    line-height: 12px;
    padding-top:29px;
    padding-bottom:5px;
    background-repeat: no-repeat;
    background-position: center 5px;
    text-align: center;
}
#live_filter .check_active{background-image: url(../img/onebit_34.png); margin-right:2%}
#live_filter .check_inactive{background-image: url(../img/onebit_33.png); margin-right:2%}
#live_filter .check_pending{background-image: url(../img/onebit_10.png); width:36%}

#live_filter input{display:none;}
#live_filter label.active{color:#999;text-decoration: none}
#live_filter label:hover{color:#000; background-color: #FFF;}

.live_search_msg{
    display:block;
    background-image: url(../img/onebit_02.png);
    background-position: 3px 0;
    background-repeat: no-repeat;
    background-color: #EEE;
    margin-bottom:20px;
    line-height: 24px;
    padding:0px 3px 0px 30px;
    cursor:pointer;
}
.live_search_msg:hover{
    background-color: #DDD;
    background-image: url(../img/onebit_35.png);
}

/*
*  Content 
*/        
.content_block{
    display: block;
    width: 590px;
    text-align: left;
    margin: 0 auto 40px 0;
    clear: both;
}
.product_block{
    display: block;
    float:left;
    width: 162px;
    margin:0 20px 40px 0;    
    background-repeat: no-repeat;
    background-position: 105px 42px;
}   
.product_block.unapproved{ background-image: url(../img/onebit_10.png); }
.product_block.active{ background-image: url(../img/onebit_34.png); }
.product_block.inactive{ background-image: url(../img/onebit_33.png); }
.product_block.inactive .title{ text-decoration: line-through;}

.product_block .title{
    display: block;
    clear:both;
    height:38px;
    color:#000;
    overflow:hidden;
    padding: 3px 0;
}
.product_block img{ 
    display:block; 
    float: left;
    margin-right: 10px;
	width:106px;
	height:69px;
}                 
.product_block .button{
    display: block;
    float:left;
    margin-right:2px;        
}
.list_block .button{
    display: block;
    float:left;
    margin-left:2px;        
}

.thumb_block{
    display: inline-block;
    text-align:center;
    width:102px;
    height: 95px;
    margin:0 10px 10px 0;    
} 
.float_block{
    display:block;
    width:250px; 
    float:left; 
    margin:0 10px 10px 0;
}
.float_block_right{
    disaplay:block;
    float:right; 
    margin:0 0 10px 10px;
}                                
.list_block{
    display:block;  
    float:left;
    clear:left;
    width:670px;     
    margin: 0 20px 5px 0;        
    background-repeat: no-repeat;
    background-position: left top;
    background-color: #FBFBFB;
}
.list_block.unapproved{ background-image: url(../img/onebit_10.png); padding-left:35px; }
.list_block.active{ background-image: url(../img/onebit_34.png); padding-left:35px; }
.list_block.inactive{ background-image: url(../img/onebit_33.png); padding-left:35px; }
.list_block.inactive .title{ text-decoration: line-through;}

.list_block:hover{
    background-color: #EEE;
}
.list_block .title:hover{ text-decoration:underline}
.list_block .title{
    float:left;
    display:block;
    color:#000;
    width:75%;
    line-height:24px;  
}
.list_block.active{ }
.list_block.inactive .title{ 
    text-decoration: line-through;
}

.list_block .buttons_block{
    display:block;
    float:right;
}
.unchecked, .unchecked select, .unchecked a{ color:#999; }               
.unchecked{ 
    border:1px solid transparent;
}     
.checked,.checked:hover{ 
    border:1px solid #8EA4AF; 
    background-color: #D2DBDF;
    cursor:pointer;
}               
         
.button{
    display: inline-block;
    border:1px solid #CCC;
    padding:1px 5px;   
    background-color: #8EA4AF;
    color:#fff;
    text-decoration: none;   
    font-size: 10px;           
    font-weight: bold;
    font-variant: small-caps;
}
.button:hover{
    color:#000;
    border-color: #000;
    background-color: #8EA4AF;  
} 
input.button{
    padding: 3px 8px;
    cursor: pointer;
} 
input.button.disabled, input.button.disabled:hover{
    color:#CCC;
    border-color:#CCC;
    cursor:default;
}
     
input[type=text],input[type=password],select,textarea{
    background-color:#FFF;
    border:1px solid #CCC;
    margin:0 0 10px;
    text-decoration:none;
} 
input[type=text],input[type=password],textarea{
    display:block;
    width:100%;
    padding:2px;
}
input[type=file]{
    display:block;
    padding:2px;
}
input[type=checkbox]{
    margin-right:10px;
    vertical-align: middle;
}
select{
    padding:1px;
}
textarea{
    display:block;
    width:100%;
}
td{
    padding: 0 4px 4px 0;
    text-align: left;
    vertical-align: top;
}
.pagination{
    display: block;
	width:100%;
	float:left;
	clear:both;
	margin:20px 0;
}
	.pagination a,
	.pagination strong{
		display:block;
		float:left;
		line-height:24px;
		padding:0 5px;
		margin-right:5px; 		
	}	
	.pagination a{ background-color:#FBFBFB; }
	.pagination strong{
		color:#fff; 
		border: 1px solid #CCC;
		background-color:#8EA4AF;
	}
.response{
    padding:20px; 
    border:1px solid #CCC; 
    background-color:#EEE; 
    margin-bottom:30px;
}
.error{
    background-image: url(../img/onebit_49.png);
    background-repeat: no-repeat;
    line-height: 24px;
    color:#C30;
    display:block;
    font-weight: bold;
    padding-left: 30px; 
}     
.success{
    background-image: url(../img/onebit_48.png);
    background-repeat: no-repeat;
    line-height: 24px;          
    color:#693;
    display:block;
    font-weight: bold;          
    padding-left: 30px;
}
.warning{
    background-image: url(../img/onebit_47.png);
    background-repeat: no-repeat;
    line-height: 24px;          
    color:#d67903;
    display:block;
    font-weight: bold;          
    padding-left: 30px;
}        
.response .button{
    margin-right:5px;
}
.response .buttons_block{
    display:block;
    margin-top:5px;
}
.clear{
    clear: both;
}
.highlight{
    background-color: #D2DBDF;
}
a.title:hover .highlight{ text-decoration: underline; }


/* LOGIN */
#login{
    margin:200px auto;
    width:216px;
    padding:20px; 
    border:1px solid #CCC; 
    background-color:#FFF;
    overflow:auto;
}


/* root element for tabs  */
ul.tabs{ 
    list-style:none; 
    margin:0 !important; 
    padding:0;
    height:30px;
    border-bottom:1px solid #666;    
}

/* single tab */
ul.tabs li{ 
    float:left;     
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a{ 
    background-image: url(../img/tabs_bkg.png);
    background-position: -420px -0px;          
    background-repeat: no-repeat;
    display:block;
    height: 30px;  
    line-height:30px;
    width:134px;
    text-align:center;    
    text-decoration:none;
    color:#000;
    padding:0px;
    margin:0px;    
    position:relative;
    top:1px;
}

ul.tabs a:active{
    outline:none;        
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover{
    background-position: -420px -31px;    
    color:#fff;    
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a{
    background-position: -420px -62px;
    cursor:default !important; 
    color:#000 !important;
}

/* initially all panes are hidden */ 
div.pane{
    display:none;        
    padding: 40px 40px 0 40px;
    margin-bottom:10px;
    min-height: 400px;
    border: 1px solid #666666;
    border-top:none;
    height: auto;
    overflow: visible;
}

#more_images_container .thumb_block{
	width:105px; 
	position: relative;
}
#more_images_container .thumb_block:first-child .move_left, 
#more_images_container .thumb_block:last-child .move_right{ 
	display:none !important; 
}	
#more_images_container .thumb_block .move_left{ 
	display:none; 
	position:absolute; 
	width:55px; 
	height:69px; 
	cursor:pointer;
	background-image:url('http://thewhiskeycollection.us/Images/prev.png');
	background-repeat:no-repeat;
	background-position:center center;
}	
#more_images_container .thumb_block .move_right{ 
	display:none; 
	position:absolute; 
	right:0;
	width:55px; 
	height:69px; 
	cursor:pointer;
	background-image:url('http://thewhiskeycollection.us/Images/next.png');
	background-repeat:no-repeat;
	background-position:center center;	
}	
#more_images_container .thumb_block:hover .move_left, 
#more_images_container .thumb_block:hover .move_right{ 
	opacity: 0.7;
	display:block; 
} 

/* PREVIEW */
div.overlay{
    display:none;  
    width:994px;
    padding-bottom:40px;
}
div.overlay .close{
    display:block;  
    position:absolute;
    top:5px; right:5px;
    cursor:pointer;
    width:15px;
    height:15px;
    background-image: url(../img/close.png); 
}
div.overlay .close:hover{ }  
div.overlay .preview_inactive, div.overlay .preview_unapproved{ 
    background-repeat:no-repeat;
    margin-top:20px;
    padding:4px 0 4px 30px;
    color:#CC3300;
    font-weight: bold;
}        
div.overlay .preview_inactive{ 
    background-image:url(../img/onebit_35.png);
}                                                         
div.overlay .preview_unapproved{ 
    background-image:url(../img/onebit_10.png);
}        

div.overlay .overlay_container{
    width:994px;  
    height:80%;      
    overflow:auto;         
    background-color: #FFF;
    color:#333333;
    font-size:12px;
    line-height:16px;
    border:1px solid #333;
}
div.overlay .overlay_container .item_col{
    width:710px;
    margin:20px;       
    padding-left:30px;
    float:left;  
    border-left:1px solid #CCC;                               
}
div.overlay .overlay_container .nav_col{
    width:162px;
    margin:20px 0 20px 20px;
    text-align:left;
    float:left;  
}
div.overlay .overlay_container .buttons{
    clear: both;
    padding-top:20px;
}

/* front-end styles */
.preview{
    max-width:632px;
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:12px;
    line-height:16px;
}
.preview h1, .preview h2, .preview h3, .preview h4, .preview h5, .preview h6 {
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
    margin:0 0 0.3em;
}
.preview h1{
    color:#8EA4AF;
    font-size:29px;
    font-weight:normal;
    line-height:1em;
    margin:0 0 0.2em;
}
.preview h2{
    color:#666666;
    font-size:24px;
    font-weight:normal;
    line-height:24px;
    margin-top:0;
    padding-bottom:0.4em;
}
.preview h3{
    border-top:1px dashed #666666;
    color:#666666;
    font-size:18px;
    font-weight:normal;
    line-height:20px;
    margin-top:0;
    padding-bottom:0.4em;
    padding-top:0.5em;
}
.preview h4{
    color:#666666;
    font-size:18px;
    font-weight:normal;
    line-height:20px;
    margin-top:0;
    padding-bottom:0.4em;
}
.preview h5{
    border-bottom:1px dashed #666666;
    color:#666666;
    font-size:18px;
    font-weight:normal;
    line-height:20px;
    margin-top:0;
    padding-bottom:0.4em;
    padding-top:0.5em;
}
.preview h6{
    color:#666666;
    font-size:18px;
    font-weight:normal;
    line-height:20px;
    margin-top:0;
    padding:0;
}
.preview p, 
.preview ul, 
.preview ol{
    margin:0 0 1em;
}
.preview li{
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 0 -35px;
	padding: 0 0 0 10px;
	font-weight: normal;
	width: auto;
	background-image: url(images/list-dot.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
}
.preview .sansserif{
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
}
.preview .sansserif a, .preview .sansserif a:link, .preview .sansserif a:visited {
color:#666666;
text-decoration:underline;
}
.preview .sansserif a, .preview .sansserif a:link, .preview .sansserif a:visited {
color:#666666;
text-decoration:underline;
}
.preview .productcontainer, 
.preview .summarycontainer{
    clear:both;
    float:none;
    margin:0 0 15px;
    width:632px;
}
.preview .summarycontainer .contain{
    display:inline;
    float:left;
    height:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 60px 15px 0;
    text-align:left;
    width:162px;
}
.preview .summarycontainer .containright{
    display:inline;
    float:left;   
    height:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 0 15px;
    text-align:left;
    width:162px;
}
.preview .summarycontainer .containsans{
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:14px 60px 15px 0;
    width:162px;
}
.preview .summarycontainer .containsansfullwidth{
    float:left;
    height:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:14px 60px 15px 0;
    text-align:left;
}
.preview .containsans p, 
.preview .containsansfullwidth p{
    color:#666666;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:15px;
    margin:0;
}

.preview .contain p, 
.preview .glossarycontain p, 
.preview .containright p{
    font-size:11px;
    line-height:15px;
    margin:0;    
    color:#333333;
    font-family:Georgia,"Times New Roman",Times,serif;
}
.preview .contain a, 
.preview .glossarycontain a, 
.preview .containright a{
    color:#333333;
    text-decoration:none;
}
.preview .contain a:hover, 
.preview .glossarycontain a:hover, 
.preview .containright a:hover{
    color:#8EA4AF;
}

.preview .summarycontainer a:link, 
.preview .summarycontainer a:visited, 
.preview .summarycontainer a:link, 
.preview .summarycontainer a:visited, 
.preview .recentsearch a:link, 
.preview .recentsearch a:visited{
    color:#333333;
    text-decoration:none;
}

.preview .containsans a:link, 
.preview .containsansfullwidth a:link, 
.preview .containsans a:visited, 
.preview .containsansfullwidth a:visited{
    color:#666666;
}

.preview .summarycontainer a:hover, 
.preview .summarycontainer a:hover, 
.preview .recentsearch a:hover{
    color:#8EA4AF;
    text-decoration:none;
}
.preview .summarycontainer .contain {
    display:inline;
    float:left;
    height:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0 60px 15px 0;
    text-align:left;
    width:162px;
}
.preview .headercontain{    
    clear:both;
    display:block;
    margin:0;
}
.preview .headercontain p{    
    border-bottom:1px dashed #666666;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    line-height:12px;
    margin:0.6em 0;
    padding:0.6em 0;
}
.preview .productcontainer .productthumb{
    float:left;
    height:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:14px 14px 0 0;
    text-align:left;
    width:106px;
}
.preview .productcontainer .productmain{
    float:left;
    height:100%;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin:0;
    text-align:left;
    width:589px;
}
.preview .more{
    color:#333333;
    text-decoration:underline !important;
    font-size:11px;
    line-height:15px;
    font-family:Georgia,"Times New Roman",Times,serif;
}
.preview .contain img, 
.preview .containright img{
    margin:0 0 8px;
}
.preview .date{
    -x-system-font:none;
    color:#999999;
    display:block;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    letter-spacing:1px;
    line-height:normal;
}
.preview .storyimage{
    border-top:1px dashed #666666;
    color:#666666;
    font-size:16px;
    font-weight:normal;
    line-height:18px;
    margin:0;
    padding-bottom:0.5em;
    padding-top:0.5em;
}

.preview .about_headlines{
    padding:0 0 18px 0;
}
.preview .about_headlines a{
    color:#8EA4AF;
    cursor:pointer;
    display:inline;
    height:1em;
    text-decoration:none;
    text-transform:uppercase;
    font-family:Georgia,"Times New Roman",Times,serif;
    font-size:29px;
    font-size-adjust:none;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1;
}
.preview .about_headlines a:hover, .preview .about_headlines a.active{ color:#B5C4CB;  }

.preview .faq_headlines { margin:0 0 0.5em 0; }
.preview .faq_headlines a{
    font-family:Georgia,"Times New Roman",Times,serif;
    color:#8EA4AF !important;
    font-size:17px;
    line-height:17px;
    margin:0;
    padding:0;         
}
.preview .faq_headlines a:hover{ color:#666666 !important; }





/* 
	Styles for deferranti backoffice.
	Only for color changes and background images.
 */

/*
*  Typography
*/
body, html{   
    color:#fff;
    background-color: #1e1e1e;
} 
h1{
    color:#8FB700;
}
h2{              
    color:#333;
}
h3{
    color:#333;
}
h4{
    color:#333;
}                
a{
    color:#8FB700;
}
a:hover{
    color:#000;
}


/*
*  Header 
*/     
#header h1{
    color:#FFF;
}   
#header #menu{
    border-top: none;
}               
#menu a{
    /*font-family:Georgia,"Times New Roman",Times,serif;*/
    color:#FFF;
    border-right: 1px solid #fff;
}                     
#menu a:hover{
    color:#ECF3D5; 
}
#menu a.selected, #menu a.selected:hover{
    color:#000; 
}

/*
*  Navigation column
*/        
#nav_column a{
    color:#ECF3D5;
}              
#nav_column a:hover{color:#fff;}
#nav_column a.selected, #nav_column a.selected:hover{
    color:#8FB700;
}

/*
*  Quick search
*/   

#live_search.active{
    background-color: #FFF;
    border-right:1px solid #FFF;
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
}
#live_search h3, #live_filter h3{
    color:#999;
}
#live_search input{
    border: 1px solid #CCC;
    background-color: #EEE;
}
#live_search input:focus,#live_search.active input{ border: 1px solid #666; background-color: #FFF; }        
#live_search a{
    background-image: url(../img/onebit_02.png);
}                      
#live_search.active a{background-image: url(../img/onebit_35.png);}

#live_filter fieldset{
    border:1px solid #CCC; 
    background-color: #EEE;
}
#live_filter label{
    color:#000;
}
#live_filter .check_active{background-image: url(../img/onebit_34.png);}
#live_filter .check_inactive{background-image: url(../img/onebit_33.png);}
#live_filter .check_pending{background-image: url(../img/onebit_10.png);}

#live_filter label.active{color:#999;}
#live_filter label:hover{color:#000; background-color: #FFF;}

.live_search_msg{
    background-image: url(../img/onebit_02.png);
    background-color: #EEE;
}
.live_search_msg:hover{
    background-color: #DDD;
    background-image: url(../img/onebit_35.png);
}



.button{
    border:1px solid #8FB700;
    background-color: #8FB700;
    color:#fff;
}
.button:hover{
    border:1px solid #8FB700;
    background-color: #8FB700;
    color:#000;
} 


.pagination strong {
	color: #fff;
	border: 1px solid #8FB700;
	background-color: #8FB700;
}
.pagination a {
	background-color: #FBFBFB;
}
.pagination a:hover {
	color:#333;
	background-color: #A69F91;
}



/* front-end styles */
.preview{
	color: rgb(51, 51, 51);
	font-size: 12px;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
}
.preview h1, .preview h2, .preview h3, .preview h4, .preview h5, .preview h6 {
    color:#333333;
	font-family: Arial, Helvetica, sans-serif;
    margin:0 0 0.3em;
}
.preview h1{
	color: rgb(102, 102, 102);
	letter-spacing: -1px;
	font-family: 'Arial Black', Arial, sans-serif;
	font-weight: normal;
	line-height: 1em;
}
.preview h4{
	font-size: 18px;
	margin-top: 0px;
	color: rgb(102, 102, 102);
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 0.4em;
}
.preview h5 {
	font-size: 18px;
	margin-top: 0;
	color: #666666;
	font-weight: normal;
	line-height: 20px;
	padding-bottom: 0.4em;
	padding-top: .5em;
	border-bottom: 1px #666666 dashed;	
}
.preview h6 {
	font-size: 18px;
	margin-top: 0;
	color: #666666;
	font-weight: normal;
	line-height: 20px;
	padding: 0;	
}
.preview ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 3em;
}
.preview li {
	list-style-type: disc;
}
.preview .sansserif{
    font-family: Arial, Helvetica, sans-serif;
	color: rgb(102, 102, 102);
}
.preview .containsans p, .preview .containsansfullwidth p {
	font-size: 12px;
	line-height: 15px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(102, 102, 102);
}
.preview .headercontain p {
	font-size: 16px;
	margin: 0.6em 0px;
	color: rgb(102, 102, 102);
	font-family: 'Arial Black', Arial, sans-serif;
	padding: 0.6em 0px;
	line-height: 12px;
	border-bottom: 1px dashed rgb(102, 102, 102);
}
.preview .contain p, .preview .glossarycontain p, .preview .containright p {
    font-family: Arial, Helvetica, sans-serif;	
	font-size: 11px;
	line-height: 15px;
	margin: 0px;
}
.preview .faq_headlines a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #000000 !important;
	margin: 0;
	padding: 0;
	line-height: 17px;
}